<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="641" height="512">
    <g>
      <rect :stroke="props.strokeColor" id="svg_1" height="488" width="356" y="12" x="78" stroke-width="20" fill="none"/>
      <line id="svg_2" y2="12" x2="430" y1="498" x1="81" stroke-width="20" :stroke="props.strokeColor" fill="none"/>
      <text transform="matrix(3.50092 0 0 3.76477 -257.104 -137.704)" :stroke="props.strokeColor" xml:space="preserve" text-anchor="start" font-family="Noto Sans JP" font-size="30" id="svg_3" y="69.18805" x="99.71436" :fill="props.strokeColor" font-style="normal">AC</text>
      <text transform="matrix(3.50092 0 0 3.76477 -257.104 -137.704)" :stroke="props.strokeColor" xml:space="preserve" text-anchor="start" font-family="Noto Sans JP" font-size="30" id="svg_4" y="156.04594" x="151.70069" :fill="props.strokeColor" font-style="normal">DC</text>
    </g>
  </svg>
</template>
<script setup lang="ts">
const props = defineProps({
  strokeColor: String,
  state: Boolean,
  text:String
});
</script>